<template>
	<view>
		<view class="list">
			<view class="list-item" @tap="go('/pages/house_property/set/password/password')">
				<text>重置登录密码</text>
				<uni-icons type="forward" size="30" color="#999999"></uni-icons>
			</view>
			<view class="list-item" @tap="go('/pages/house_property/set/paypassword/paypassword')">
				<text>重置支付密码</text>
				<uni-icons type="forward" size="30" color="#999999"></uni-icons>
			</view>
			<view class="list-item">
				<text>手势密码</text>
				<uni-icons type="forward" size="30" color="#999999"></uni-icons>
			</view>
			<view class="list-item">
				<text>邮箱绑定</text>
				<view class="input"><input class="inputText" type="text" value="" placeholder="请输入您的邮箱" placeholder-class="placeholder" /></view>
			</view>
			<view class="list-item">
				<text>手机号更改</text>
				<view class="input"><input class="inputText" type="text" value="" placeholder="请输入您的手机号码" placeholder-class="placeholder" /></view>
			</view>
		</view>
		<view class="btn" @tap="pay()">保存</view>
	</view>
</template>

<script>
import uniIcons from '@/components/uni-icons/uni-icons.vue';
export default {
	components: {
		uniIcons
	},
	data() {
		return {};
	},
	methods: {
		go(url) {
			uni.navigateTo({
				url: url
			});
		}
	}
};
</script>

<style lang="scss">
.list {
	width: 100%;
	box-sizing: border-box;
	padding-left: 30upx;
	.list-item {
		width: 100%;
		height: 110upx;
		border-bottom: 2upx solid #e7e7e7;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding-right: 20upx;
		font-size: $uni-font-size-base;
		color: #333333;
		.input {
			width: 500upx;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			.inputText {
				color: #333333;
				font-size: $uni-font-size-base;
				width: 100%;
				text-align: right;
				box-sizing: border-box;
			}
		}
	}
}
.placeholder {
	color: #d7d7d7;
}
.btn {
	width: 600upx;
	margin: 0 auto;
	margin-top: 150upx;
	height: 100upx;
	line-height: 100upx;
	border-radius: 50upx;
	text-align: center;
	font-size: $uni-font-size-lg;
	color: #fff;
	background: linear-gradient(left, #ff5d42, #f33632);
}
</style>
